/** 主题颜色 **/

// 炙烈红
:root[theme="red"] {
  /* 主题颜色 */
  --color-primary: #ee1c25;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// 流光橙
:root[theme="orange"] {
  /* 主题颜色 */
  --color-primary: #ff8000;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// 唯美黄
:root[theme="yellow"] {
  /* 主题颜色 */
  --color-primary: #e7bb38;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// 清晰绿
:root[theme="green"] {
  /* 主题颜色 */
  --color-primary: #00cc33;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// 淡雅蓝
:root[theme="blue"] {
  /* 主题颜色 */
  --color-primary: #409eff;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// // 深幽靛（跟紫色很接近，故暂时废弃）
// :root[theme="indigo"] {
//   /* 主题颜色 */
//   --color-primary: indigo;
//   --color-danger: #f56c6c;
//   --color-info: #909399;
//   --color-success: #67c23a;
//   --color-warning: #e6a23c;
//   /* layout相关 */
//   --nav-bg-dark-heavy: #141414;
//   --nav-bg-dark: #222222;
//   --nav-bg-light: #ffffff;
//   --nav-text-color-light: #bbb;
//   --nav-text-color-dark: #222;
//   /* 文字颜色 */
//   --color-text-heavyer: #000;
//   --color-text-heavy: #333;
//   --color-text-main: #666;
//   --color-text-light: #999;
//   --color-text-lighter: #b0b0b0;
//   --color-text-lightest: #c0c4cc;
//   /* 背景颜色 */
//   --color-bg-white: #f5f5f5;
//   /* 边框颜色 */
//   --color-border-heavyer: #bbbbbb; // #cdd0d6
//   --color-border-heavy: #d2d2d2; // #d4d7de
//   --color-border-main: #eeeeee; // #dcdfe6;
//   --color-border-light: #e3e3e3; // #e4e7ed
//   --color-border-lighter: #eeeeee; // #ebeef5
// }

// 元气粉
:root[theme="pink"] {
  /* 主题颜色 */
  --color-primary: #ffb7c5; // #ffc0cb（浅一点）#ffb7c5（深一点）
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// 梦幻紫
:root[theme="purple"] {
  /* 主题颜色 */
  --color-primary: purple;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  /* layout相关 */
  --nav-bg-dark-heavy: #141414;
  --nav-bg-dark: #222222;
  --nav-bg-light: #ffffff;
  --nav-text-color-light: #bbb;
  --nav-text-color-dark: #222;
  /* 文字颜色 */
  --color-text-heavyer: #000;
  --color-text-heavy: #333;
  --color-text-main: #666;
  --color-text-light: #999;
  --color-text-lighter: #b0b0b0;
  --color-text-lightest: #c0c4cc;
  /* 背景颜色 */
  --color-bg-white: #f5f5f5;
  /* 边框颜色 */
  --color-border-heavyer: #bbbbbb; // #cdd0d6
  --color-border-heavy: #d2d2d2; // #d4d7de
  --color-border-main: #eeeeee; // #dcdfe6;
  --color-border-light: #e3e3e3; // #e4e7ed
  --color-border-lighter: #eeeeee; // #ebeef5
}

// /** 风格两种 **/
// // 至尊金
// :root[theme="golden"] {
//   --color-primary: golden;
// }

// // 神圣棕
// :root[theme="brown"] {
//   --color-primary: brown;
// }

// /** 黑白两种 **/
// // 暗夜黑
// :root[theme="black"] {
//   --color-primary: black;
// }

// // 浅月白
// :root[theme="white"] {
//   --color-primary: white;
// }
